<!-- File: /app/View/Layouts/default.ctp -->

<!DOCTYPE html>
<html lang="es">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Uniarte</title>

        <!-- Bootstrap -->
	<?php
		echo $this->Html->css('bootstrap');
		echo $this->Html->css('uniarte-theme');
		echo $this->Html->css('bootstrap.icon-large');
		echo $this->Html->css('default');
		echo $this->Html->css('uniarte-icons');
	?>
        <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
            <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
            <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
    </head>
    <body>
        <nav class="navbar navbar-fixed-top navbar-default" role="navigation">
            <div class="container-fluid">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="#"><img src="img/logo.png" alt="Uniarte"> Uniarte</a>
                </div>
                <div class="collapse navbar-collapse pull-right" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav">
                        <li class="active"><a href="#">Inicio</a></li>
                        <li><a href="#">Bio</a></li>
                        <li><a href="#">Proyectos</a></li>
                        <li><a href="#">Contáctanos</a></li>
                    </ul>
                    <form class="navbar-form navbar-left" role="search">
                        <div class="form-group">
                            <input type="text" class="form-control" placeholder="Buscar">
                        </div>
                        <button type="submit" class="btn btn-default">Buscar</button>
                    </form>
                    <ul class="nav navbar-nav">
                        <li>
                            <a href="http://www.facebook.com/" target="_blank">
                                <span class="icon-large icon-facebook"></span>
                            </a>
                        </li>
                        <li>
                            <a href="http://www.twitter.com/" target="_blank">
                                <span class="icon-large icon-twitter"></span>
                            </a>
                        </li>
                        <li>
                            <a href="http://plus.google.com/" target="_blank">
                                <span class="icon-large icon-google-plus"></span>
                            </a>
                        </li>
                        <li>
                            <a href="http://pe.linkedin.com/" target="_blank">
                                <span class="icon-large icon-linked-in"></span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </nav> 
        
        <?php echo $this->Session->flash(); ?>

        <?php echo $this->fetch('content'); ?>
        
        <footer id="footer">
            <div class="container">
                <div class="row">
                    <div class="col-md-4">
                        <h4>Encuéntranos en la Web</h4>
                        <ul class="list-unstyled">
                            <li>
                                <a href="http://www.facebook.com/" target="_blank">
                                    <span class="uniarte-icon-social-facebook uniarte-icon"></span>
                                    <small>Facebook</small>
                                </a>
                            </li>
                            <li>
                                <a href="http://www.twitter.com/" target="_blank">
                                    <span class="uniarte-icon-social-twitter uniarte-icon"></span>
                                    <small>Twitter</small>
                                </a>
                            </li>
                            <li>
                                <a href="http://www.plus.google.com/" target="_blank">
                                    <span class="uniarte-icon-social-google-plus"></span>
                                    <small>Google Plus</small>
                                </a>
                            </li>
                            <li>
                                <a href="http://www.plus.google.com/" target="_blank">
                                    <span class="uniarte-icon-social-linkedin"></span>
                                    <small>LinkedIn</small>
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="col-md-4">
                        <h4>Visita</h4>
                        <ul class="list-unstyled">
                            <li><a href="http://www.google.com.pe">Link 1</a></li>
                            <li><a href="http://www.google.com.pe">Link 2</a></li>
                            <li><a href="http://www.google.com.pe">Link 3</a></li>
                            <li><a href="http://www.google.com.pe">Link 4</a></li>
                        </ul>
                    </div>
                    <div class="col-md-4">
                        <h4>Columna 3</h4>
                        <ul class="list-unstyled">
                            <li><a href="http://www.google.com.pe">Fila 1</a></li>
                            <li><a href="http://www.google.com.pe">Fila 2</a></li>
                            <li><a href="http://www.google.com.pe">Fila 3</a></li>
                            <li><a href="http://www.google.com.pe">Fila 4</a></li>
                        </ul>
                    </div>
                </div>
                <hr>
                <div class="container-fluid text-center">
                    <p class="small">
                        © Uniarte 2014 - Todos los derechos reservados
                    </p>
                </div>
            </div>
        </footer>
        <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
        <?php
		echo $this->Html->script('https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js');
		echo $this->Html->script('bootstrap');
        ?>
    </body>
</html>